<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建文本框</title>
    <script>
        function sub(){
            alert('提交成功')
        }
        function back(){
            if(confirm('这会清空你填写的全部内容'))
                alert('已恢复初始状态')
        }
    </script>
</head>
<body>
    <h1 style="color: blue;">手机品牌调查表</h1>
    请输入您的姓名：<input type="text" name="uname_in"><br>
    性别：<input type="radio" value="nv" name="gender">女
        <input type="radio" value="nan" name="gender">男<br>
    邮箱：<input type="text" name="email"><br>

    1.您使用过多少部手机：
    <select name="used_num" id="used_num" size="1">
        <option value="one">1</option>
        <option value="two">2</option>
        <option value="three">3</option>
        <option value="four">4</option>
        <option value="five_">4+</option>
    </select><br>

    <span style="color: red;">2.最早什么时候开始使用手机</span>
    <input type="date"><br>

    <span style="color: red;">3.如果更换手机会选择哪个品牌：</span>
    <input type="checkbox" name="brand" value="apple">苹果
    <input type="checkbox" name="brand" value="lian">联想
    <input type="checkbox" name="brand" value="san">三星
    <input type="checkbox" name="brand" value="hua">华为
    <input type="checkbox" name="brand" value="mi">小米
    <input type="checkbox" name="brand" value="oppo">oppo<br>

    4.更换手机时会注重下列哪些功能：
    <input type="checkbox" name="function" value="media">影音
    <input type="checkbox" name="function" value="fun">娱乐
    <input type="checkbox" name="function" value="photo">摄像<br>
    <input type="checkbox" name="function" value="exterior">外观
    <input type="checkbox" name="function" value="capacity">存储空间
    <input type="checkbox" name="function" value="battery">电池容量
    <br>

    5.请描述一下您理想中的手机：<br>
    <textarea name="ieal_phone" cols="30" rows="10"></textarea><br>

    <input type="button" onclick="sub()" name="done" value="提交">
    <input type="reset" name="clear" value="重置">
</body>
</html>